@charset "utf-8";
html,body {background-color: #DFF4F7; font-family: Tahoma,Helvetica,"microsoft yahei","Hiragino Sans GB",Simsun,\5b8b\4f53,sans-serif;}
.banner {width: 9.6rem; margin: 0.4rem auto 0.13333333rem;}
.banner img {width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
.content {width: 8.8rem; margin: 0 auto 0.85rem; background-color: #fff; overflow: hidden;}
.main_title {font-size: 12px; line-height: 0.45333333rem; color: #4A4A4A; text-align: center; margin-top: 0.26666666rem;}
.main_title span {margin: 0 0.15rem; color: #E0323B;}
[data-dpr="2"] .main_title {font-size: 24px;}
[data-dpr="3"] .main_title {font-size: 36px;}
.register_img {position: relative; margin-top: 0.53333333rem; padding-bottom: 0.18666666rem;}
.fonts {width: 3.49333333rem; margin-left: 2.21333333rem; height: auto;}
.redpackets {width: 1.86666666rem; position: absolute; right: 0.88rem; top: -0.4rem; z-index: 3;}
.register_phone {width: 7.73333333rem; background-color: #FDE4C8; margin: 0 auto; text-align: center;}
#phonenumber {width: 6.8rem; height: 1.17333333rem; margin: 0.53333333rem auto 0.26666666rem; font-size: 14px; color:#999; padding-left: 0.13333333rem;}
[data-dpr="2"] #phonenumber,[data-dpr="2"] #verification,[data-dpr="2"] #pwd {font-size: 28px;}
[data-dpr="3"] #phonenumber,[data-dpr="3"] #verification,[data-dpr="3"] #pwd {font-size: 42px;}
input[type="button"],input[type="text"] {-webkit-appearance: none; border-radius: 0; border: 0;}
textarea {  -webkit-appearance: none;}
#getverification,#register {width: 6.93333333rem; height: 1.17333333rem; line-height: 1.17333333rem; font-size: 15px; margin:0 auto 0.53333333rem; display: inline-block; background-color: #EF5859; color: #fff;}
[data-dpr="2"] #getverification,[data-dpr="2"] #regetverification,[data-dpr="2"] #register {font-size: 30px;}
[data-dpr="3"] #getverification,[data-dpr="3"] #regetverification,[data-dpr="3"] #register {font-size: 45px;}
.register_info {width: 7.73333333rem; background-color: #FDE4C8; margin: 0 auto; text-align: center; display: none;}
.verificationinfo {width: 6.93333333rem;  margin: 0.53333333rem auto 0.26666666rem; overflow: hidden; display: inline-block;}
#verification {float: left; width: 4.26666666rem; height: 1.17333333rem; padding-left: 0.13333333rem; font-size: 14px;}
#regetverification {float: right; width: 2.4rem; height: 1.17333333rem; line-height: 1.17333333rem; font-size: 15px; display: inline-block; background-color: #EF5859; color: #fff;}
#pwd {width: 6.8rem; height: 1.17333333rem; margin: 0 auto 0.26666666rem; font-size: 14px; color:#999; padding-left: 0.13333333rem;}
.aboutus {width: 7.73333333rem; height: auto; margin: 0.8rem auto 0.26666666rem; display: block;}
.qrcode {width: 5.33333333rem; height: auto; margin: 0 auto; display: block;}
.footer {width: 8.53333333rem; height: auto; margin: 0 auto 0.53333333rem; display: block;}